<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="../head.jsp">
<jsp:param value="报表" name="title"/>
</jsp:include>
</head>
<body>
<div class="row">
	<div class="col-md-12">
		<!-- BOX -->
		<div class="box border green">
			<div class="box-title">
				<h4><i class="fa fa-bars"></i>Growing graph</h4>
				<div class="tools">
					<a href="#box-config" data-toggle="modal" class="config">
						<i class="fa fa-cog"></i>
					</a>
					<a href="javascript:;" class="reload">
						<i class="fa fa-refresh"></i>
					</a>
					<a href="javascript:;" class="collapse">
						<i class="fa fa-chevron-up"></i>
					</a>
					<a href="javascript:;" class="remove">
						<i class="fa fa-times"></i>
					</a>
				</div>
			</div>
			<div class="box-body">
				<div id="chart_grow" class="chart" style="padding: 0px; position: relative;"><canvas class="flot-base" width="1046" height="300" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 1046px; height: 300px;"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 9px; text-align: center;">0</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 75px; text-align: center;">2</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 141px; text-align: center;">4</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 207px; text-align: center;">6</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 273px; text-align: center;">8</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 336px; text-align: center;">10</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 402px; text-align: center;">12</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 468px; text-align: center;">14</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 535px; text-align: center;">16</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 601px; text-align: center;">18</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 667px; text-align: center;">20</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 733px; text-align: center;">22</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 799px; text-align: center;">24</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 866px; text-align: center;">26</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 932px; text-align: center;">28</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 61px; top: 283px; left: 998px; text-align: center;">30</div></div><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; top: 270px; left: 0px; text-align: right;">0</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 231px; left: 0px; text-align: right;">1</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 193px; left: 0px; text-align: right;">2</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 154px; left: 0px; text-align: right;">3</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 116px; left: 0px; text-align: right;">4</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 77px; left: 0px; text-align: right;">5</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 39px; left: 0px; text-align: right;">6</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 1px; left: 0px; text-align: right;">7</div></div></div><canvas class="flot-overlay" width="1046" height="300" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 1046px; height: 300px;"></canvas><div class="legend"><div style="position: absolute; width: 96px; height: 19px; top: 14px; right: 13px; opacity: 0.85; background-color: rgb(255, 255, 255);"> </div><table style="position:absolute;top:14px;right:13px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(217,83,79);overflow:hidden"></div></div></td><td class="legendLabel">Monthly Sales</td></tr></tbody></table></div></div>
			</div>
		</div>
		<!-- /BOX -->
		</div>
	</div>
</body>
</html>